import Cookies from 'js-cookie';

const useAppStore = defineStore('app', {
  state: () => ({
    sidebar: {
      // opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
      opened: true,
      withoutAnimation: false,
      hide: false,
    },
    device: 'desktop',
    size: Cookies.get('size') || 'default',
    sidebarRight: true, // 是否显示左侧侧边栏
  }),
  actions: {
    toggleSideBar(withoutAnimation) {
      // 默认全部展示且不可修改
      // if (this.sidebar.hide) {
      //   return false;
      // }
      // this.sidebar.opened = !this.sidebar.opened;
      // this.sidebar.withoutAnimation = withoutAnimation;
      // if (this.sidebar.opened) {
      //   Cookies.set('sidebarStatus', 1);
      // } else {
      //   Cookies.set('sidebarStatus', 0);
      // }
    },
    closeSideBar(withoutAnimation) {
      Cookies.set('sidebarStatus', 0);
      this.sidebar.opened = false;
      this.sidebar.withoutAnimation = withoutAnimation;
    },
    toggleDevice(device) {
      this.device = device;
    },
    setSize(size) {
      this.size = size;
      Cookies.set('size', size);
    },
    toggleSideBarHide(status) {
      this.sidebar.hide = status;
    },
    toggleSideRightBarShow(status) {
      this.sidebarRight = status;
    },
  },
});

export default useAppStore;
